<template>
  <view class="my-farmer">
    <div class="list">
      <view class="card-list cbox">
        <view class="card-item cbox">
          <view class="head rbox box_y_center box_space_b">
            <text class="date">送检时间：2020-11-10 07:39:18</text>
            <text class="state"></text>
          </view>
          <view class="info rbox">
            <view class="img-wrap"></view>
            <view class="info-wrap cbox boxf_1">
              <text class="tit">微生物菌落分析</text>
              <text class="sub">第三庄农庄</text>
            </view>
            <view class="btn rbox box_self_center">查看详情</view>
          </view>
        </view>
      </view>
    </div>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.my-farmer {
  padding: 40rpx 42rpx 0;
  min-height: 100vh;
  background-color: #f7f7f7;
}
.card-list {
  .card-item {
    .head {
      padding: 16rpx 30rpx;
      background-color: #fff;
      border-radius: 16rpx 16rpx 0px 0px;
      .date {
        font-size: 24rpx;
        line-height: 1;
        color: #b5b5b5;
      }
      .state {
        font-size: 24rpx;
        line-height: 1;
        color: #1de1c3;
      }
    }
    .info {
      margin-top: 4rpx;
      padding: 34rpx 30rpx 42rpx;
      background-color: #fff;
      border-radius: 0px 0px 20rpx 20rpx;
      .btn {
        padding: 10rpx 24rpx;
        font-size: 24rpx;
        height: 48rpx;
        border-radius: 48rpx;
        line-height: 1;
        color: #bbb;
        background-color: #ffffff;
        border: 1rpx solid #bbb;
      }
      .img-wrap {
        width: 122rpx;
        height: 72rpx;
        background-color: #e9c2c2;
      }
      .info-wrap {
        margin-left: 16rpx;
        .tit {
          font-size: 26rpx;
          line-height: 1;
          color: #878787;
        }
        .sub {
          margin-top: auto;
          font-size: 26rpx;
          line-height: 1;
          color: #b9b9b9;
        }
      }
    }
  }
}
</style>